.c-detect-result {
  .ant-tabs-nav-wrap {
    width: 112px;

    .ant-tabs-tab {
      margin: 0 !important;
      padding: 0 !important;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-bottom: 1px solid #e6eaef;
    }

    .ant-tabs-tab-active {
      color: rgba(11, 111, 214, 1);
      background-color: rgba(11, 111, 214, 0.1);
    }

    .ant-tabs-ink-bar {
      display: none !important;
    }
  }

  .ant-tabs-content {
    padding: 15px;

    .banner {
      padding: 8px 16px;
      min-height: 50px;
      max-height: 100px;
      overflow-y: auto;
      border: 1px solid #e6eaef;
      border-radius: 2px;
      word-break: break-all;
    }
  }

  border: 1px solid #e6eaef;

  .device-os {
    padding: 24px;

    font-size: 14px;
    line-height: 20px;
    color: rgba(104, 108, 120, 1);
  }

  .port-items-wrapper {
    border-top: 1px solid #e6eaef;
    &::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
  }

  .item {
    display: flex;
    align-items: center;
    border-top: 1px solid #e6eaef;

    &:first-child {
      border-top: none;
    }

    &__left {
      flex: 0 0 150px;
      line-height: 100%;
      text-align: center;
    }

    &__right {
      flex: 1;
      border-left: 1px solid #e6eaef;

      .expan-item {
        margin-bottom: 0;
        border-bottom: 1px solid #e6eaef;
        display: flex;
        &:last-child {
          border-bottom: none;
        }
        & > span {
          padding: 8px;
          flex-shrink: 0;
        }
        & > span:nth-of-type(1) {
          flex: 0 0 135px;
          border-right: 1px solid #e6eaef;
          text-align: center;
          font-size: 14px;
          font-weight: 400;
          color: rgba(30, 31, 35, 1);
        }
        & > span:nth-of-type(2):not(.banner) {
          flex: 1;
          white-space: nowrap;
          overflow-x: auto;
          &::-webkit-scrollbar {
            width: 5px;
            height: 5px;
          }
        }
        &.expan-item-banner {
          & .banner {
            flex: 1;
            height: 70px;
            overflow-y: auto;
            word-break: break-all;

            &::-webkit-scrollbar {
              width: 5px;
              height: 5px;
            }
          }
          & em {
            font-style: normal;
            &::nth-of-type(2) {
              border-top: 1px solid #e6eaef;
            }
          }
        }
      }
    }
  }
  .updated,
  .is-new {
    display: inline-block;
    margin: 0 2px;
    color: #ff0000;
  }
  .ReactVirtualized__List {
    outline: none;
    &::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
  }
}
